.tasklist{
	list-style-type:none;
	margin:0;

	@include clearfix;

	li{
		padding:0;
		cursor:pointer;
		@include pie-clearfix;
		border-bottom:1px solid #ccc;
		position: relative;

		&:last-child{
			border-bottom:0;
		}

		&:hover{
			.task-delete{
				display: inline-block !important;
			}
		}


		&.bookmarked{
			background:lighten($lightRed, 35%);
			.task-actions{
				.task-bookmark{
					color:darken($lightRed, 0%);
					i:before{
						content:"\f02e";
					}
				}
			}
		}

		&.done{
			background:lighten($blue, 40%);

			.task{
				span{
					text-decoration: line-through;
				}
			}

			.task-actions{
				display: none;
			}
		}

		label,.check{
			float:left;
			padding:10px 10px 10px 10px;
			margin:0;
			cursor:pointer;
			border-right:1px solid #fec5bd;
		}

		.task{
			float:left;
			padding:11px 5px 3px 5px;
			text-overflow: ellipsis;
			white-space:nowrap;
			max-width:100%;
			position: absolute;
			left:43px;
			right:50px;
			overflow:hidden;

			i{
				margin-right:5px;
			}
		}

		.task-actions{
			float:right;
			padding:10px 10px 0 10px;

			&>a{
				text-decoration: none;
			}

			.task-delete{
				display: none;
				color:#888;
				font-size:16px;
			}

			.task-bookmark{
				color:#aaa;
				font-size:16px;

				&:hover{
					color:#fd6e58;
					i:before{
						content:"\f02e";
					}
				}
			}
		}
	}
}